/*body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}*/
body{font:12px/21px Tahoma,Helvetica,'Microsoft Yahei',Arial,sans-serif;background:#edf1f2;}
/*input,select,textarea{outline:none;border:none;background:none;}*/
iframe{border:none;}
textarea{resize:none;}
a{text-decoration:none;outline:none;}
a:hover,a:active{text-decoration: none;}
/*img { border: none; }
em{font-style: normal;}
ul{list-style-type: none;}
.clearfix:after { content: "." ; display: block ;height: 0 ;clear: both ;visibility: hidden ;}
.clearfix{ display: inline-block; }
*html .clearfix{ height:1%; }
.clearfix{ display:block;clear: both ; }
* {-webkit-box-sizing:content-box;-moz-box-sizing: content-box;box-sizing:content-box}*/
/*sui默认样式覆盖*/
.form-horizontal .controls > a:first-child, .form-horizontal .controls > span.text:first-child {display: inline-block;padding-top: 3px;}
/*头像设置*/
.container_img{width: 320px;position: relative;}
.container_img p{line-height: 12px;line-height: 0px;height: 0px;margin: 10px;}
.container_img .action{width: 320px;height: 30px;margin: 10px 0;}
.container_img .cropped{position: absolute;right: -230px;top: 0;width: 200px;border: 1px #ddd solid;height: 150px;padding: 4px;text-align: center;}
.container_img .imageBox{position: relative;height: 320px;width: 320px;border: 1px solid #aaa;background: #fff;overflow: hidden;background-repeat: no-repeat;cursor: move;}
.container_img .imageBox .thumbBox{position: absolute;top: 50%;left: 50%;width: 122px;height: 122px;margin-top: -61px;margin-left: -61px;box-sizing: border-box;border: 1px solid rgb(102, 102, 102);box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);background: none repeat scroll 0% 0% transparent;}
.container_img .imageBox .spinner{position: absolute;top: 0;left: 0;bottom: 0;right: 0;text-align: center;line-height: 400px;background: rgba(0, 0, 0, 0.7);}
.container_img .Btnsty_peyton{float: right;width: 66px;display: inline-block;margin-bottom: 10px;height: 57px;line-height: 57px;font-size: 20px;color: #FFFFFF;margin: 0px 2px;background-color: #f38e81;border-radius: 3px;text-decoration: none;cursor: pointer;box-shadow: 0px 0px 5px #B0B0B0;border: 0px #fff solid;}
.container_img .new-contentarea{width: 125px;overflow: hidden;margin: 0 auto;position: relative;float: left;}
.container_img .new-contentarea label{width: 100%;height: 100%;display: block;}
.container_img .new-contentarea input[type=file]{width:82px;height:34px;background: #333;margin: 0 auto;position: absolute;right: 50%;margin-right: -41px;top: 0;right/*\**/: 0px\9;margin-right/*\**/: 0px\9;width/*\**/: 10px\9;opacity: 0;filter: alpha(opacity=0);z-index: 2;cursor:pointer;}
.container_img a.upload-img{width: 165px;display: inline-block;margin-bottom: 10px;height: 57px;line-height: 57px;font-size: 20px;color: #FFFFFF;background-color: #f38e81;border-radius: 3px;text-decoration: none;cursor: pointer;border: 0px #fff solid;box-shadow: 0px 0px 5px #B0B0B0;}
.container_img a.upload-img:hover{background-color: #ec7e70;}
.container_img .tc{text-align: center;}
/*alerts*/
#popup_container {font-size: 12px;min-width: 300px;	max-width: 600px;background: #ddd;box-shadow:3px 3px 3px rgba(0,0,0,0.5);}
#popup_title {font-size: 12px;color:#666;background: #f3f3f3;cursor: default;padding:0 10px;margin: 0em;}
#popup_content {padding: 10px;margin: 0em;background: #fcfcfc;border-top: 0;}
#popup_message {margin: 20px 0;text-align: center;}
#popup_panel {text-align: center;margin: 20px 0 5px 0;}
#popup_panel input { min-width: 80px; text-align: center; }
#popup_prompt {	margin: 5px 0;padding: 7px 5px;border: 1px solid #ccc;background: #f7f7f7;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;-moz-box-shadow: inset 1px 1px 1px #eee; -webkit-box-shadow: inset 1px 1px 2px #eee; box-shadow: inset 1px 1px 2px #eee;color: #666;}
#popup_prompt:focus { background: #fff; }
#popup_overlay { background: #000 !important; opacity: 0.4 !important; }
#popup_prompt { width: 270px !important; }
textarea#popup_prompt{width: 200px !important;height:80px!important }

/*上传图片*/
.uploadbox{display: inline-block;border: dashed 2px #d9d9d9;color: #999;border-radius: 9px;padding: 10px;width: 100px;height:100px;position: relative;text-align:center;line-height:100px;}
.uploadbox  .fileImg{opacity: 0;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;cursor: pointer;}
.uploadbox  img {width: 100px;height: 100px;position: absolute;top: 10px;left: 10px;z-index: 8;border: none;}
.sui-form .uploadbox input[type="file"]{height:100%;width:100%;}
.sui-form .uploadbox input[type="button"]{height:100%;width:100%;}

/*loading样式*/
* html .showbox,* html .overlay {position: absolute;top: expression(eval(document.documentElement.scrollTop));}
#AjaxLoading {padding-left: 5px;line-height: 150%;font-size: 13px;}
#AjaxLoading div.loadingWord {padding:20px;color: #fff;background:url(../img/loadinglogo.png) rgba(255,255,255,.4) center center no-repeat;border-radius:8px;text-align:center;font-size:14px;}
#AjaxLoading i {	margin: 0 auto;border-radius: 50%;	display: block;width:56px;height:56px;}
.overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 998;width: 100%;height: 100%;_padding: 0 20px 0 0;background: #333;display: none;}
.showbox {position: fixed;top: 0;left: 50%;z-index: 9999;opacity: 0;filter: alpha(opacity=0);margin-left: -80px;}
.loader {position: relative;text-indent: -9999em;
border-top: 4px solid rgba(255, 255, 255, 0.4);
border-right: 4px solid #53a1ff;
border-bottom: 4px solid #53a1ff;
border-left: 4px solid #53a1ff;
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
.loader {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}